<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
    	<!-- Google Tag Manager -->
		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
		})(window,document,'script','dataLayer','GTM-WCRD68P');</script>
		<!-- End Google Tag Manager -->
        <script defer src="https://cloud.umami.is/script.js" data-website-id="3c34170a-1da1-435b-83dd-54ff961055ec"></script>
        
        <!-- Basic Page Needs
        ================================================== -->
        <meta charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="icon" type="image/png" href="images/favicon.ico">
        <title>Capella MBSE Tool - Download</title>
        <meta name="description" content="Get the latest Eclipse Capella tool release and related extensions.">
        <meta name="keywords" content="">
        <meta name="author" content="">
        <!-- Mobile Specific Metas
        ================================================== -->
        <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Template CSS Files
        ================================================== -->
        <!-- Twitter Bootstrs CSS -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!-- animate css -->
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/jquery.fancybox.css">
        <!-- template main css file -->
        <link rel="stylesheet" href="css/main.css">
        <!-- responsive css -->
        <link rel="stylesheet" href="css/responsive.css">
		<link rel="stylesheet" href="css/latofonts.css">
		<link rel="stylesheet" href="css/flag-icons.min.css">
        <!-- Cookie content -->
        <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
          <!-- Eclipse Foundation Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
        <!-- End Google Tag Manager -->

        <!-- Template Javascript Files
        ================================================== -->
		<!-- Angular -->
		<base href="/">
		<script src="js/angular-1.7.8.min.js"></script>
		<script src="angular/capella.js"></script>

        <!-- jquery -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/popper-1.14.3.min.js"></script>
        <script src="js/helpers.js"></script>
		<script defer src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>

    </head>
    <body ng-app="capella" data-deferred-cloak>
    	<!-- Google Tag Manager (noscript) -->
		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCRD68P"
		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
		<!-- End Google Tag Manager (noscript) -->
    	<!--
        ==================================================
        Header Section
        ================================================== -->
    	<ng-include src="'angular/blocks/header.html'"></ng-include>
        <!--
        ==================================================
        Intro Section
        ================================================== -->
        <section class="hero-area dwnld">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <div class="block wow fadeInUp" data-wow-delay=".3s">
                            <section class="cd-intro">
                                <h1 class="wow fadeInUp animated" data-wow-delay=".4s" >
                                	Download
                                </h1>
                            </section> <!-- cd-intro -->
                            <h2 class="wow fadeInUp animated" data-wow-delay=".6s" >Get the latest Eclipse Capella&trade; tool release and related extensions</h2>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--/#intro_banner-->

        <!--
        ==================================================
        Main Content
        ================================================== -->

		<!-- Capella Download -->
        <section id="capellaDwnld" class="mainButtonSection text-center">
            <div class="container">
                <h2 class="title wow fadeInDown" data-wow-delay=".3s">Capella</h2>
                <div id="capellaMainLink" class="row">
                	<p class="wow fadeInDown" data-wow-delay=".5s">Open source MBSE tool to create system, software or hardware architectures</p>
				</div>
			</div>

		</section> <!-- #capellaDwnld -->

 		<!-- Main Capella Download Links -->
		 <section id="capellaResources" class="bg_indigo text-center next-section">
            <p class="txt_white text-center"><span class="caret"></span></p>
            <div class="container">
                <div class="row">
                    <div class="col-sm-4 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="0ms">
                        	<div class="linksSection" id="capellaPlatformLinks">
                                <h4 class="txt_white">Other Platforms</h4>
                            </div>
                        </figure>
                    </div>
                    <div class="col-sm-4 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="300ms">
                            <div class="linksSection">
                                <h4 class="txt_white">Resources</h4>
           	     				<p class="wow fadeInUp animated" data-wow-delay=".2s"><a href="getstarted.html">Getting Started</a></p>
           	     				<p class="wow fadeInUp animated" data-wow-delay=".3s" ><a href="https://github.com/eclipse-capella/capella/blob/master/doc/plugins/org.polarsys.capella.ui.doc/html/Installation Guide/How to install Capella and Addons.mediawiki#table-of-contents">Installation <i class="fa fa-file-text" aria-hidden="true"></i></a></p>
								<p class="wow fadeInUp animated" data-wow-delay=".4s"><a href="support.html" target="_self">Help & Support</i></a></p>
           	     				<p class="wow fadeInUp animated" data-wow-delay=".5s"><a href="https://github.com/eclipse-capella/capella">Source Code <i class="fa fa-github" aria-hidden="true"></i></a></p>
								<p class="wow fadeInUp animated" data-wow-delay=".6s"><a href="https://github.com/eclipse-capella/capella/releases">All Versions <i class="fa fa fa-github" aria-hidden="true"></i></a></p>
                            </div>
                        </figure>
                    </div>
                    <div class="col-sm-4 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="300ms">
                            <div class="linksSection">
                                <h4 class="txt_white">Sample Models</h4>
                                <p class="txt_white wow fadeInUp animated" data-wow-delay=".3s">Level-crossing Traffic Control<br>
                                    <a href="https://www.eclipse.org/downloads/download.php?file=/capella/samples/7.0.1/LevelCrossingTrafficControl.zip" onClick="ga('send', 'event', 'Capella', '7.x', 'ATM');">EN <i class="fa fa-download" aria-hidden="true"></i></a> -
                                    <a href="https://www.eclipse.org/downloads/download.php?file=/capella/samples/7.0.1/LevelCrossingTrafficControl_fr.zip" onClick="ga('send', 'event', 'Capella', '7.x', 'ATM');">FR <i class="fa fa-download" aria-hidden="true"></i></a>
                                </p>
                                <p class="txt_white wow fadeInUp animated" data-wow-delay=".3s">In-Flight Entertainment (IFE)<br>
                                    <a href="https://www.eclipse.org/downloads/download.php?file=/capella/samples/7.0.1/InFlightEntertainmentSystem.zip" onClick="ga('send', 'event', 'Capella', '7.x', 'IFE');">EN <i class="fa fa-download" aria-hidden="true"></i></a> -
                                    <a href="resources/doc/IFE_docgen/output/index.html">Doc <i class="fa fa-html5" aria-hidden="true"></i></a>
                                </p>
           	     				<p><a class="wow fadeInUp animated" data-wow-delay=".3s" href="http://download.eclipse.org/capella/samples/?d">Samples for older releases <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
           	     			</div>
                        </figure>
                    </div>
                    <div class="clearfix"></div>
                        <p class="small txt_white wow fadeInUp animated" data-wow-delay=".7s"><em>Do not hesitate to provide your feedback on the forum.</em></p>
                </div>
            </div>
		</section> <!-- #capellaResources -->


		<!-- Capella Add-Ons -->
        <section id="capellaExtensions" class="bg_lightest_grey text-center">
            <div class="container">
                <h2 class="title wow fadeInDown" data-wow-delay=".3s">Capella Add-ons</h2>
                <div class="row">
                    <p class="wow fadeInDown" data-wow-delay=".5s">Beyond the workbench, the Capella ecosystem provides a rich set of open-source and commercial add-ons:<br>
                    document generation, requirements authoring, team collaboration, simulation, variability management, ...</p>
               		<p><a class="wow fadeInDown btn btn-default" data-wow-delay=".6s" href="addons.html"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> Discover all the available add-ons</a></p>

                    <p class="install-section wow fadeInDown" data-wow-delay=".5s">
                    To install Capella extensions have a look to the <a href="https://github.com/eclipse-capella/capella/blob/master/doc/plugins/org.polarsys.capella.ui.doc/html/Installation%20Guide/How%20to%20install%20Capella%20and%20Addons.mediawiki#Configuration_and_Extensibility">installation procedure</a></p>
                </div>
                <div class="row">
                	<div class="addons-whole-section col-sm-6 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="300ms">
                            <div>
                                <h4>Main open-source add-ons</h4>Field proven and maintained open-source add-ons
                                <div class="addons-section" id="capella-addons"></div>
                            </div>
                        </figure>
                    </div>

                    <div class="col-sm-6 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="300ms">
                            <div>
                                <h4>Labs add-ons</h4>
                                <div class="addons-section" id="capella-addons-labs">
                                It is the place where Capella users, as well as tool providers,<br/>can collaborate and create synergies to develop Capella add-ons
								<a class="btn btn-default" href="https://labs4capella.github.io">Discover Labs for Capella&nbsp;<i class="fa fa-external-link"></i>
									</a>
                                </div>
                            </div>
                            <div>
                                <h4>Basic add-ons</h4>Add-ons that show how to start developing<br/>add-ons for Capella using Capella Studio
                                <div class="addons-section" id="capella-sample"></div>
                            </div>
                        </figure>
                    </div>
                </div>
        </div>


		</section> <!-- #capellaExtensions -->

		<!-- Capella Studio -->
        <section id="capellaStudio" class="mainButtonSection text-center">
            <div class="container">
                <h2 class="title wow fadeInDown" data-wow-delay=".3s">Capella Studio</h2>
                <div id="capellaStudioMainLink" class="row">
                	<p class="wow fadeInDown" data-wow-delay=".5s">Open source SDK to develop Capella add-ons</p>
                	<p class="wow fadeInDown" data-wow-delay=".6s"><em>Capella Studio doesn't contain Capella </em></p>
				</div>
			</div>
		</section> <!-- #capellaStudio -->

		<!-- Main Capella Studio Download Links -->
        <section id="capellaStudioResources" class="bg_indigo text-center next-section">
        <p class="txt_white text-center"><span class="caret"></span></p>
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="0ms">
                        	<div class="linksSection" id="capellaStudioPlatformLinks">
                                <h4 class="txt_white">Other Platforms</h4>
                            </div>
                        </figure>
                    </div>
                    <div class="col-sm-6 col-xs-12 wow fadeInLeft animated">
                        <figure class="wow fadeInLeft animated" data-wow-duration="300ms" data-wow-delay="300ms">
                            <div class="linksSection">
                                <h4 class="txt_white">Resources</h4>
           	     				<p class="wow fadeInUp animated" data-wow-delay=".6s"><a href="https://github.com/eclipse-capella/capella-studio/wiki">Documentation <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
								<p class="wow fadeInUp animated" data-wow-delay=".6s"><a href="https://github.com/eclipse-capella/capella-studio">Source Code <i class="fa fa-github" aria-hidden="true"></i></a></p>
								<p class="wow fadeInUp animated" data-wow-delay=".6s"><a href="https://download.eclipse.org/capella/studio/products/nightly">Nightly Versions <i class="fa fa-external-link" aria-hidden="true"></i></a> <button class="fa fa-info-circle btn-link btn-xs" role="button"  data-toggle="popover" data-trigger="focus" data-placement="bottom" data-content="Nightly versions integrate the latest developments to test before official releases."></button></p>
								<p class="wow fadeInUp animated" data-wow-delay=".6s"><a href="https://github.com/eclipse-capella/capella-studio/releases">Previous Versions <i class="fa fa-external-link" aria-hidden="true"></i></a></p>
                            </div>
                        </figure>
                    </div>
                    <div class="clearfix"></div>
                    <p class="small txt_white wow fadeInUp animated" data-wow-delay=".7s"><em>Do not hesitate to provide your feedback on the forum.</em></p>
                </div>
            </div>
		</section> <!-- #capellaResources -->

			<script>

                    function updateMainLink(mainLinkId, data, product) {
                        let mainId = "windows";
						let title = "Get {0} {1} for {2} {3}".format(product.name, product.version, data.lang[mainId].text, data.lang["main"].text);
                        let mainLink = '<p><a class="wow fadeInUp animated btn btn-default animated" data-wow-delay=".6s" href="{0}" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;" onClick="ga(\'send\', \'event\', \'{1}\', \'{2}\', \'{3}\');"><i class="fa fa-download" aria-hidden="true"></i> {4}</a></p>'.format(product.links[mainId].main, product.key, data.versionBranch, data.lang[mainId].key, title);
                        document.getElementById(mainLinkId).innerHTML += mainLink;
                        let releaseNotes = product.releaseNotes;
                        if (releaseNotes != "") {
	                        document.getElementById(mainLinkId).innerHTML += '<p class="wow fadeInUp animated download-section" data-wow-delay=".6s"><a href="' + releaseNotes + '">Release Notes&nbsp;<i class="fa fa-github" aria-hidden="true"></i></a></p>';
	                    }
                    }

                    function updatePlatformLinks(platformLinksId, data, product) {
                        let lis = Object.keys(product.links).map(function (k) {
                            let link = product.links[k];
                            let linkss = Object.keys(link).map(function (key) { return '<a href="{0}" onClick="ga(\'send\', \'event\', \'{1}\', \'{2}\', \'{3}\');">{4}</a>'.format(link[key], product.key, data.versionBranch, data.lang[k].key, data.lang[key].text);  }).join(" - ");
                            let platform = data.lang[k].text;
							if (data.lang[k].comment != "") {
								platform = platform+'<button role="button" class="fa fa-info-circle btn-link btn-xs" data-toggle="popover" data-trigger="focus" data-placement="bottom" data-content="'+data.lang[k].comment+'"></button>';
							}

                            return '<p class="txt_white wow fadeInUp animated" data-wow-delay=".4s"><i class="{0}" aria-hidden="true"></i> {1}<br/>{2}</p>'.format(data.lang[k].icon, platform, linkss);
                        }).join("");
                        document.getElementById(platformLinksId).innerHTML += lis;
                    }

                    function createKeysLinks(data, addon, download, icons) {
							let keys = Object.keys(download).filter(function(x) { return x != "notes" });
							let links = keys.map(function(k) {
							let icon = icons == undefined && data.lang[k].icon ? '<i class="pl-2 {0}" aria-hidden="true"></i>'.format(data.lang[k].icon) : "";
							if (data.lang[k].target == "_expand") {
								return '<a data-toggle="collapse" data-target="#collapse-notes-{3}">{4}{5}</a>'.format(download[k], data.lang[k].target, data.versionBranch, addon.key, data.lang[k].text, icon);
							} else if (Array.isArray(download[k])) {
								let value = download[k];
								return data.lang[k].text + "s"+ icon + " (" + value.map(function(x) { return '<a href="{0}" onClick="ga(\'send\', \'event\', \'Capella\', \'{1}\', \'{2}\');">{3}</a>'.format(x.url, data.versionBranch, addon.key, x.name) }).join(" + ")+")";
							}
							return '<a href="{0}" {1} onClick="ga(\'send\', \'event\', \'Capella\', \'{2}\', \'{3}\');">{4}{5}</a>'.format(download[k], data.lang[k].target == undefined ? "" : 'target="'+data.lang[k].target+'}"', data.versionBranch, addon.key, data.lang[k].text, icon);
						 }).join(" - ");
						 return links;
                    }

                    function updateAddonLinks(data) {
                        let addons = "";
                        let sample = "";
                        let filteredAddons = data.addons.filter(function (a) { return a.showOnMainPage; });
                        for (i in filteredAddons) {
                            let addon = filteredAddons[i];
                            let keys = Object.keys(addon.download);
                            let links = createKeysLinks(data, addon, addon.download, false);
					        let header = [];
							if (addon.contact) {
								header.push('Contact: '+addon.contact);
							}
							if (addon.licence) {
								header.push('License: '+addon.licence);
							}
							header=header.join(" - ");
							let information = '<p><i>{0}</i></p><p>{1}</p>'.format(header, addon.description);

							let compatible = addon.compatibleWithCurrentVersion === false ? '<button role="button" class="fa fa-exclamation-triangle btn-link btn-xs alert-compatibility" data-toggle="tooltip" data-placement="bottom" title="{0}" ></button>'.format(data.lang.compatibility.text) : "";
							let information2 = '<button role="button" class="fa fa-info-circle btn-link btn-xs" data-toggle="popover" data-trigger="focus" data-placement="bottom" title="{0}" data-content="{1}"></button>'.format(addon.name, information);

							let addonName = addon.isViewpoint ? addon.name + " Viewpoint" : addon.name;

                            let sections = keys.filter(function(k) { return data.lang[k].target == "_expand" }).map(function(k) {
                                let div = '<div class="collapse notes-section" id="collapse-notes-'+addon.key+'"><h3>'+data.lang[k].text+'</h3>'+createKeysLinks(data, addon, addon.download[k])+addon.download[k]["notes"]+'</div>';
							    return div;
                            }).join("");

                            let result = '<p class="addon-section wow fadeInUp animated" data-wow-delay=".3s"><span class="addon-title">{0} {1}</span><span class="addon-links small pl-2">{2}{3}</span></p>{4}'.format(addonName, information2, compatible, links, sections);

                            if (addon.isSample) {
                                sample += result;
                            } else {
                                addons += result;
                            }
                      }
                      document.getElementById("capella-addons").innerHTML = addons;
                      document.getElementById("capella-sample").innerHTML = sample;

					  $('[data-toggle="popover"]').popover( { html: true, container: 'body' });
					  $('[data-toggle="tooltip"]').tooltip();
                    }

                   $.getJSON('json/downloads.json', function(data) {

                        updateMainLink("capellaMainLink", data, data.capella);
                        updatePlatformLinks("capellaPlatformLinks", data, data.capella);

                        updateMainLink("capellaStudioMainLink", data, data.capellaStudio);
                        updatePlatformLinks("capellaStudioPlatformLinks", data, data.capellaStudio);

                        updateAddonLinks(data);

                  });
              </script>

         <!-- Need Help Section -->
        <section class="text-center bg_lightest_grey">
            <div class="container">
                <div class="row">
                    <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">Need Help?</h2>
                    <br>
                </div>
                <div class="row">
                	<div class="col-md-offset-2 col-md-4 wow fadeInUp animated" data-wow-delay=".6s" >
						<p>Use the public forum to communicate with <br>the Capella worldwide community</p>
                        <p><a class="wow fadeInUp btn btn-default" href="https://forum.mbse-capella.org/">Capella Forum</a></p>
                    </div>
                    <div class="col-md-4 wow fadeInUp animated" data-wow-delay=".6s" >
                        <p>Discover the services provided by <br>the Capella ecosystem</p>
                        <p><a class="wow fadeInUp btn btn-default" href="services.html">Professional Services</a></p>
                    </div>
                </div>
            </div>
        </section>

		<div id="back-to-top" data-spy="affix" data-offset-top="100"
			class="back-to-top hidden-xs hidden-sm affix-top">
			<button class="btn btn-default" title="Back to Top">
				<i class="fa fa-caret-up"></i>
			</button>
		</div>
		<script type="text/javascript">
		// Back to top
			jQuery('#back-to-top').on('click', function() {
				jQuery("html, body").animate({
					scrollTop : 0
				}, 500);
				return false;
			});
		</script>

        <!--
        ==================================================
        Footer Section
        ================================================== -->
        <ng-include src="'angular/blocks/footer.html'"></ng-include>
 		<!-- bootstrap js -->
        <script defer src="js/bootstrap.min.js"></script>
        <!-- wow js -->
        <script defer src="js/wow.min.js"></script>
        <script defer src="js/jquery.fancybox.js"></script>
        <!-- template main js -->
        <script defer src="js/main.js"></script>
        <!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57722280-1"></script>
		<script async src="js/googleAnalytics.js"></script>

		<script async src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
    </body>
</html>
